﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.2 闹钟响起</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_2_闹钟响起/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_2_闹钟响起/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u296" class="ax_default" data-left="159" data-top="146" data-width="286" data-height="468">

        <!-- Unnamed (图片) -->
        <div id="u297" class="ax_default image">
          <img id="u297_img" class="img " src="images/2_2_闹钟响起/u297.jpg"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u298" class="ax_default ellipse">
          <img id="u298_img" class="img " src="images/2_2_闹钟响起/u298.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u299" class="ax_default flow_shape">
          <img id="u299_img" class="img " src="images/2_2_闹钟响起/u299.png"/>
          <div id="u299_text" class="text ">
            <p><span>滑动以关闭</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u300" class="ax_default ellipse">
          <img id="u300_img" class="img " src="images/2_2_闹钟响起/u300.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u301" class="ax_default icon">
          <img id="u301_img" class="img " src="images/2_2_闹钟响起/u301.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u302" class="ax_default label">
          <img id="u302_img" class="img " src="images/2_2_闹钟响起/u302.png"/>
          <div id="u302_text" class="text ">
            <p><span>贪睡模式</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u303" class="ax_default label">
          <img id="u303_img" class="img " src="images/2_2_闹钟响起/u303.png"/>
          <div id="u303_text" class="text ">
            <p><span>你是猪吗？还在睡？</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u304" class="ax_default label">
          <img id="u304_img" class="img " src="images/2_2_闹钟响起/u304.png"/>
          <div id="u304_text" class="text ">
            <p><span>24℃</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u305" class="ax_default icon">
          <img id="u305_img" class="img " src="images/2_2_闹钟响起/u305.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u306" class="ax_default _一级标题">
        <img id="u306_img" class="img " src="images/2_2_闹钟响起/u306.png"/>
        <div id="u306_text" class="text ">
          <p><span>响起-锁屏时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u307" class="ax_default label">
        <img id="u307_img" class="img " src="images/2_2_闹钟响起/u307.png"/>
        <div id="u307_text" class="text ">
          <p><span>下午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u308" class="ax_default sticky_3">
        <img id="u308_img" class="img " src="images/2_2_闹钟响起/u308.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u309" class="ax_default label">
        <img id="u309_img" class="img " src="images/2_2_闹钟响起/u309.png"/>
        <div id="u309_text" class="text ">
          <p><span>1. 闹铃声音从弱至强逐渐响起。</span></p><p><span><br></span></p><p><span>2. 滑动屏幕下方滑块以关闭闹钟。</span></p><p><span>&nbsp;&nbsp;&nbsp; </span></p><p><span>3. 屏幕背景显示当前天气情况；数字显示气温、图案显示天气预报。</span></p><p><span><br></span></p><p><span>4. 显示的当前时间，取设备系统时间</span></p><p><span><br></span></p><p><span>5. 停止闹钟后，锁屏。</span></p><p><span><br></span></p><p><span>6. 点击贪睡模式，进入贪睡模式。手机停止闹钟，锁屏。</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u310" class="ax_default _一级标题">
        <img id="u310_img" class="img " src="images/2_2_闹钟响起/u306.png"/>
        <div id="u310_text" class="text ">
          <p><span>响起-锁屏时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u311" class="ax_default _一级标题">
        <img id="u311_img" class="img " src="images/2_2_闹钟响起/u311.png"/>
        <div id="u311_text" class="text ">
          <p><span>响起-使用手机时</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u312" class="ax_default image">
        <img id="u312_img" class="img " src="images/2_2_闹钟响起/u312.jpg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u313" class="ax_default box_2">
        <img id="u313_img" class="img " src="images/2_2_闹钟响起/u313.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u314" class="ax_default label">
        <img id="u314_img" class="img " src="images/2_2_闹钟响起/u314.png"/>
        <div id="u314_text" class="text ">
          <p><span>下午10:22</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u315" class="ax_default _文本段落">
        <img id="u315_img" class="img " src="images/2_2_闹钟响起/u315.png"/>
        <div id="u315_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u316" class="ax_default image">
        <img id="u316_img" class="img " src="images/1_1_天气/u44.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u317" class="ax_default box_1">
        <img id="u317_img" class="img " src="images/2_2_闹钟响起/u317.png"/>
        <div id="u317_text" class="text ">
          <p><span>贪睡模式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u318" class="ax_default box_1">
        <img id="u318_img" class="img " src="images/2_2_闹钟响起/u318.png"/>
        <div id="u318_text" class="text ">
          <p><span>关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u319" class="ax_default label">
        <img id="u319_img" class="img " src="images/2_2_闹钟响起/u319.png"/>
        <div id="u319_text" class="text ">
          <p><span>24℃</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u320" class="ax_default icon">
        <img id="u320_img" class="img " src="images/2_2_闹钟响起/u320.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u321" class="ax_default sticky_3">
        <img id="u321_img" class="img " src="images/2_2_闹钟响起/u308.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u322" class="ax_default _一级标题">
        <img id="u322_img" class="img " src="images/2_2_闹钟响起/u311.png"/>
        <div id="u322_text" class="text ">
          <p><span>响起-使用手机时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u323" class="ax_default _文本段落">
        <img id="u323_img" class="img " src="images/2_2_闹钟响起/u323.png"/>
        <div id="u323_text" class="text ">
          <p><span>1. 闹铃声音从弱至强逐渐响起。闹钟提醒框从顶部弹出。</span></p><p><span><br></span></p><p><span>2. 点击关闭按钮关闭闹钟。</span></p><p><span><br></span></p><p><span>3. 关闭闹钟后，正常显示闹钟响起前手机使用时的状态。</span></p><p><span><br></span></p><p><span>4. 点击贪睡模式，进入贪睡模式。手机停止闹钟，正常显示闹钟响起前手机使用时的状态。</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u324" class="ax_default" data-left="302.5" data-top="591.5" data-width="143" data-height="90.5">

        <!-- Unnamed (图片) -->
        <div id="u325" class="ax_default image">
          <img id="u325_img" class="img " src="images/2_2_闹钟响起/u325.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u326" class="ax_default image">
          <img id="u326_img" class="img " src="images/2_2_闹钟响起/u326.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u327" class="ax_default image">
          <img id="u327_img" class="img " src="images/2_2_闹钟响起/u325.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u328" class="ax_default _文本段落">
        <img id="u328_img" class="img " src="images/2_2_闹钟响起/u328.png"/>
        <div id="u328_text" class="text ">
          <p><span>向右滑动（Swipe）</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u329" class="compound ax_default _水平线" WidgetHeight="3" WidgetWidth="99" CompoundMode="true">
        <img id="u329_img" class="singleImg img " src="images/2_2_闹钟响起/u329.png"/>
        <div id="u329p000" class="ax_vector_shape" WidgetTopLeftX="-0.471153846153846" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.480769230769231" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.471153846153846" WidgetBottomLeftY="0.333333333333333" WidgetBottomRightX="0.480769230769231" WidgetBottomRightY="0.333333333333333">
          <img id="u329p000_img" class="img " src="images/2_2_闹钟响起/u329p000.png"/>
        </div>
        <div id="u329p001" class="ax_vector_shape" WidgetTopLeftX="-0.333333333333333" WidgetTopLeftY="0.166666666666667" WidgetTopRightX="-16.8333333333333" WidgetTopRightY="0.166666666666667" WidgetBottomLeftX="-0.333333333333333" WidgetBottomLeftY="-0.333333333333333" WidgetBottomRightX="-16.8333333333333" WidgetBottomRightY="-0.333333333333333">
          <img id="u329p001_img" class="img " src="images/2_2_闹钟响起/u329p001.png"/>
        </div>
        <div id="u329p002" class="ax_vector_shape" WidgetTopLeftX="3.53846153846154" WidgetTopLeftY="0.0384615384615385" WidgetTopRightX="-0.269230769230769" WidgetTopRightY="0.0384615384615385" WidgetBottomLeftX="3.53846153846154" WidgetBottomLeftY="-0.0769230769230769" WidgetBottomRightX="-0.269230769230769" WidgetBottomRightY="-0.0769230769230769">
          <img id="u329p002_img" class="img " src="images/2_2_闹钟响起/u329p002.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u330" class="ax_default label">
        <img id="u330_img" class="img " src="images/2_1_添加闹钟/u235.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u331" class="ax_default label">
        <img id="u331_img" class="img " src="images/2_2_闹钟响起/u331.png"/>
        <div id="u331_text" class="text ">
          <p><span>闹钟标签</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
